<!doctype html>
<html>
<head>
<meta charset="utf-8" />
	
	<title>South America
	</title>
	<link href="styles/styles.css" 
			rel="stylesheet"
			type="text/css"/>
	
<script type="text/javascript"

    src="scripts/scripts.js">
			
</script>


</head>
<body>

<header>
		<h1>Some Nations in South America </h1>
		</header>
		
		<div>
		
<a href="two.html" class="m">Nation' page</a>
</div>
<br/>
<div>
<img src="images/South America1.jpg" 
		
			title="South America" width="200" height="200"
			id="picture" />
			

<img src="images/South America2.jpg" 
			
			title="South America" width="200" height="200"
			id="9orh" />
			</div>
			<br/>
			<div>
		<a href="javascript:B()" class="link"> Brazil</a>
				<a href="javascript:A()" class="link">Argentina</a>
				<a href="javascript:Co()" class="link">Colombia</a>
				<a href="javascript:Ur()" class="link">Uraguay</a>
				<a href="javascript:Counter()" class="link">Counter</a>
</div>
<br/>
<section id="p">


<h2>Follow up these steps to easily use this page:</h2>
There are five buttons on the middle of this page, and once you click on the country's name, more information will be shown. The counter button shows you how many times you clicked on these buttons. Nation button will help you to visit the next page. 





</section>

<br/>
<br/>
<br/>
<br/>
<footer>
			<cite>This page's content comes from 
				<a href="http://www.infoplease.com/" target="_blank">Infoplease</a></cite>
			<br/>
			<cite>The pictures come from 
				<a href="http://creativecommons.org" target="_blank">Creative Commons</a></cite>
			<p>&copy; 2011</p>
		</footer>





</body>














</html>